<div class="page-group">
    <div class="page" data-page="book_kind">
        <header class="bar bar-nav">
            <a onclick="window.history.go(-1);" class="icon" style="width: 40%">
                <img src="__PUBLIC__/img/iconfont_back@2x.png" class="back_img">
            </a>
        </header>
        <div class="content" style="">
            <div class="vip_banner" style="background: url(__PUBLIC__/img/huiyuan_bg@2x.png);">
                <div class="vip_img" style="background: url({$d.headimgurl});background-size:80px;"></div>
                <div class="vip_name">{$d.nickname}</div>
                <if condition="$dc['expire_time'] eq null">
                    <div class="vip_continue">
                        <input value="未充值" type="button" class="vip_confirm btn_radius" onclick="window.location.href='{:U("User/vip_charge")}'">
                    </div>
                    <else/>
                    <div class="vip_dead_line">起止时间</div>
                    <div class="vip_dead_time" style="color:white;">{$dc.create_time|strtotime|date="Y/m/d",###}至{$dc.expire_time|strtotime|date="Y/m/d",###}</div>
                    <div class="vip_continue">
                        <input value="延长期限" type="button" class="vip_confirm btn_radius" onclick="window.location.href='{:U("User/vip_charge")}'">
                    </div>
                </if>
                <div class="help" onclick="showInfo()">
                    <span>说明</span>
                </div>
            </div>
            <div class="vip_info">
                <p>卡号:
                    <img src='{:U("getBarcode","card_id=".$dc["card_id"])}' class="barcode"/>
                </p>
                <p>{:C('rent_freenum_name')}:&nbsp;&nbsp;<span>{$dc.num_delivery}</span></p>
                <p>{:C('act_freenum_name')}:&nbsp;&nbsp;<span>{$dc.num_activity}</span></p>
                <p>活动报名费折扣:&nbsp;&nbsp;<span>{$dc['discount_apply']*10}</span>折</p>
                <p>购书折扣:&nbsp;&nbsp;<span>{$dc['discount_buy']*10}</span>折</p>
                <p>会员状态:&nbsp;&nbsp;
                    <if condition="$dc.is_lock eq 0">
                        <span>正常</span>
                        <else/>
                        <span class="lock">已冻结</span>
                    </if>
                </p>
                <p>备注:&nbsp;&nbsp;{$dc.remark}</p>
            </div>
        </div>
    </div>
</div>
<script>
    function showInfo() {
        var $info = '<div style="text-align:left;">'
                + '{:C('rent_freenum_name')}'
        + ':<p style="margin:0px;">一个'
        + '{:C('rent_freenum_name')}'
        + '可免除借阅运费一次</p>' 
        + '{:C('act_freenum_name')}'
        + ':<p style="margin:0px;">'
        + '{:C('act_freenum_name')}'
        + '用于免除活动报名费,不同活动可能会扣除不同' + '{:C('act_freenum_name')}'
        + '</p></div>';
        $.alert($info);
    }
</script>



